<template>
	<view class="pageWrap center">
		<image :src="'/images/competition/banner.png'|remoteImgSource"></image>
		<view class="entrys">
			<!-- <cos-btn text="全国赛" @sure="toNational"></cos-btn> -->
			<cos-btn text="PK赛" @sure="toPK"></cos-btn>
			<!-- <cos-btn text="对战邀请列表" @sure="toFriendsList"></cos-btn> -->
		</view>
	</view>
</template>

<script>
	import cosBtn from '../../components/cos-btn.vue'
	export default{
		components:{
			cosBtn
		},
		methods:{
			toNational(){
				uni.navigateTo({
					url: '../navigation/index'
				})
			},
			toPK(){
				uni.navigateTo({
					url: '../playerKilling/index'
				})
			},
			toFriendsList(){
				uni.navigateTo({
					url: '../inviteList/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '../../common/style/public.css';
	.pageWrap{
		width: 750rpx;
		padding-top: 60px;
		.banner{
			width: 500rpx;
			height: 360rpx;
		}
		.entrys{
			margin-top: 85px;
		}
	}
</style>
